    <div>
        <h1>{Name}</h1>
        <h3>{Declaration}</h3>
    </div>
    <div id="logo"><h1>李娅</h1></div>
    <div id="nav">
    <p>
        <a href="{RootUrl}/index.aspx" class="active">Home</a>
        <a href="{RootUrl}/photo.aspx">Photos</a>
        <a href="{RootUrl}/about.aspx">About me</a>
        <a href="{RootUrl}/list.aspx?cat_id=2">Work</a>
        <a href="{RootUrl}/guestbook.aspx">GuestBook</a>
    </p>
    </div>
    
    <script type="text/javascript">
        // 突出显示导航的当前项
        function navListener()
        {
            // 获取导航条对应数组
            var nav = document.getElementById("nav");
            nav = nav.getElementsByTagName("a");

            // 当前元素
            var curEl = location.href.toLowerCase();
            var curIdx = 0;

            // 历遍 navs
            for ( var i=0; i<nav.length; i++ ){
                nav[i].className = "";
                if( "" != curEl && 0 <= curEl.indexOf(nav[i].href.toLowerCase()) )
                {   curIdx = i;    }
            }

            nav[curIdx].className = "active";
        }
        // 调用
        $(function(){ navListener(); });
    </script>
